<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="100"><text x="10" y="50" font-family="Arial" font-size="20" fill="rgba(0,0,0,0.2)" transform="rotate(-30)">机密文档</text></svg>');
            background-repeat: repeat;
        }
        /* 内容容器需要设置背景色覆盖水印区域 */
        .content {
            background-color: white;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div class="content">
        <!-- 页面实际内容 -->
        <h1>重要文档</h1>
        <p>这是需要加水印保护的内容...</p>
    </div>
</body>
</html>
